<div class="box box-primary" id="main">
    <div class="box-header">
        <i class="fa fa-bank"></i>
        <h1 class="box-title" id="id_h1_page_title">设备信息</h1>
    </div>
    <div class="box-body">   

        <div class="col-sm-4">
              <div class="box box-primary box-solid">
                <div class="box-header with-border">
                  <h3 class="box-title" style="font-size: 14px;font-weight: bold;" id="id_dev_lang0">设备硬件信息</h3>
                  <div class="box-tools pull-right">
                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                  </div><!-- /.box-tools -->
                </div><!-- /.box-header -->
                <div class="box-body no-padding">

                <table class="table table-striped no-padding" id="sysinfo-table" style="font-weight:bold;">
                    <tr>
                      <td id="id_dev_lang1"></td>
                      <td id="id_dev_name"></td>
                    </tr>  
                    <tr>
                      <td id="id_dev_lang2"></td>
                      <td id="id_dev_capacity"></td>
                    </tr>
                    <tr>
                      <td id="id_dev_lang3"></td>
                      <td id="id_dev_fs"></td>
                    </tr>                    
                </table>
                
                </div><!-- /.box-body -->
              </div><!-- /.box -->
        </div>
        
        
        
        <div class="col-sm-4">
              <div class="box box-primary box-solid">
                <div class="box-header with-border">
                  <h3 class="box-title" style="font-size: 14px;font-weight: bold;" id="id_dev_lang4">设备内 Ventoy 信息</h3>
                  <div class="box-tools pull-right">
                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                  </div><!-- /.box-tools -->
                </div><!-- /.box-header -->
                <div class="box-body no-padding">

                <table class="table table-striped no-padding" id="custom-table" style="font-weight:bold;">
                    <tr >
                      <td id="id_dev_lang5">Ventoy</td>
                      <td id="id_ventoy_ver"></td>
                    </tr>
                    <tr>
                      <td id="id_dev_lang6"></td>
                      <td id="id_part_style"></td>
                    </tr>
                    <tr>
                      <td id="id_dev_lang7"></td>
                      <td id="id_secure_boot">开启</td>
                    </tr>
                    
                </table>
                
                </div><!-- /.box-body -->
              </div><!-- /.box -->
        </div>

    </div>
   
</div>
<script type="text/javascript">

  var device_language_cn = 
  [
    "设备硬件信息",
    "设备名称",
    "设备容量",
    "文件系统",
    "设备内 Ventoy 信息",
    "Ventoy 版本号",
    "分区类型",
    "安全启动支持"
  ];

  var device_language_en = 
  [
    "Device Hardware Information",
    "Device Name",
    "Device Capacity",
    "File System",
    "Device Ventoy Information",
    "Ventoy Version",
    "Partition Style",
    "Secure Boot Support"
  ];

  function VtoyPageLanguageChange(newlang) {
      VtoyCommonChangeLanguage(newlang);
  
      $("h1[id=id_h1_page_title]").text(g_vtoy_cur_language.STR_PLUG_DEVICE);

      for (i = 0; i <= 7; i++) {
        var id = '#id_dev_lang' + i;
        if (newlang === 'en') {
          $(id).text(device_language_en[i]);
        } else {
          $(id).text(device_language_cn[i]);
        }
      }
  }

  //Main process
  VtoyPageLanguageChange(g_current_language);
  
  callVtoySync({
        method : 'device_info'
    }, function(data) {
      $('#id_dev_name').text(data.dev_name);
      $('#id_dev_capacity').text(data.dev_capacity);
      $('#id_dev_fs').text(data.dev_fs);
      $('#id_ventoy_ver').text(data.ventoy_ver);
      $('#id_part_style').text(data.part_style === 0 ? "MBR" : "GPT");
      $('#id_secure_boot').text(data.secure_boot ? g_vtoy_cur_language.STR_SECURE_BOOT_ENABLE : g_vtoy_cur_language.STR_SECURE_BOOT_DISABLE);
    });

</script>
